<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Blog</title>
</head>

<body>

    <nav class="navbar navbar-default navbar-fixed-top uNav" role="navigation">
        <div class="container">
            <a class="navbar-brand" href="#">
                <img src="images/logo.png" alt="">
            </a>
            <div class="collapse navbar-collapse" id="main-menu">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">About</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Press</a></li>
                    <li><a href="#">Brand</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="uHeader">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 ">
                    <p> Aliquam pellentesque nisl et maximus egestas. Vivamus accumsan, <i>sem ut viverra</i>
                        ullamcorper, neque ligula
                        laoreet justo, non semper nunc mauris mattis lorem.</p>
                </div>
            </div>

        </div>
    </div>

    <div class="uLunbo">
        <div class="container-fluid">
            <div class="row">
                <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="./images/slide-1.jpg">
                        </div>
                        <div class="item">
                            <img src="./images/slide-2.jpg">
                        </div>
                        <div class="item">
                            <img src="./images/slide-3.jpg">
                        </div>
                        <div class="item">
                            <img src="./images/slide-4.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="uLetter">
        <div class="container">
            <div class="col-lg-6 big-letter">
                <p>Donec quis leo leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
                    turpis egestas. Cras scelerisque rhoncus nulla sit amet bibendum. Quisque maximus vel nibh non
                    tincidunt. Mauris felis felis, porta vitae sem sed, auctor consequat diam. Sed eu magna ultricies,
                    convallis elit vel, lacinia ante.</p>
                <p>Vestibulum tempor velit nibh, nec finibus lectus ultrices sodales. Aliquam pellentesque nisl et
                    maximus egestas. Vivamus accumsan, sem ut viverra ullamcorper, neque ligula laoreet justo, non
                    semper nunc mauris mattis lorem. Maecenas finibus non ipsum ullamcorper vehicula.</p>
            </div>
            <div class="col-lg-6">
                <p>Aliquam pellentesque nisl et maximus egestas. Vivamus accumsan, sem ut viverra ullamcorper, neque
                    ligula laoreet justo, non semper nunc mauris mattis lorem. Quisque maximus vel nibh non tincidunt.
                    Mauris felis felis, porta vitae sem sed, auctor consequat diam. Sed eu magna ultricies, convallis
                    elit vel, lacinia ante. Vestibulum tempor velit nibh, nec finibus lectus ultrices sodales
                </p>
                <img src="images/signature.jpg" alt="" class="pull-right">
            </div>
        </div>
    </div>
    <div class="uPic">
        <div class="container">
            <div class="col-lg-6 col-md-6">
                <a href="#"><img src="images/1.jpg" alt=""></a>
            </div>
            <div class="col-lg-6 col-md-6">
                <a href="#"><img src="images/2.jpg" alt=""></a>
            </div>
            <div class="col-lg-6 col-md-6">
                <a href="#"><img src="images/3.jpg" alt=""></a>
            </div>
            <div class="col-lg-6 col-md-6">
                <a href="#"><img src="images/4.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="uBottom">
        <div class="container">
            <div class="col-lg-12 col-md-12">
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt>Presentations</dt>
                        <dd><a href="javascript:;">Ducimus qui blanditiis</a></dd>
                        <dd>New York, April 2015</dd>
                        <dd>“Temporibus uit autem”</dd>
                        <dd><i>with Mark Riders</i></dd>
                    </dl>
                    <br>
                    <dl>
                        <dd><a href="">Righteous and indignation</a></dd>
                        <dd>Madrid, November 2015</dd>
                        <dd>“Anyone who loves”</dd>
                    </dl>
                </div>
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt>Premiations</dt>
                        <dd><a href="#">Magnam, 2015</a>: Best User</dd>
                        <dd><a href="#">Information Awards, 2014</a>: Gold</dd>
                        <dd><a href="#">One Man Show, 2015</a>: Platinum Arch</dd>
                        <dd><a href="#">Mximus vel nibhInnovation Awards, 2015</a></dd>
                        <dd><a href="#">Tincidunt idea 2016</a>: Gold Place</dd>
                    </dl>
                </div>
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt>Recognition</dt>
                        <dd>
                            Aliquam pellentesque nisl et maximus egestas.
                            <a href="#">nunc mauris</a>
                            maximus vel
                            <a href="#">maximus ipsum egestas lorem.</a>
                            Cras scelerisque rhoncus nulla sit amet
                            bibendumbecause Quisque maximus vel nibh non tincidunt non semper nunc mauris mattis lorem
                            pellentesque
                            nisl et maximus egestas. Vivamus accumsan, sem ut viverra ullamcorper, neque ligula laoreet
                            justo.
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="col-lg-12 col-md-12">
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt>Publications</dt>
                        <dd><a href="#">Deserunt mollitia animi 2016</a></dd>
                        <dd><a href="#">Vitae dicta : sunt explicabo</a></dd>
                        <dd>Voluptatem sequi nesciunt, Fall 2015</dd>
                        <dd>Sunt in culpa qui deserunt, Spring 2015</dd>
                        <dd><a href="#">Who avoids and pain 4</a></dd>
                        <dd><a href="#">Desires to obtain 1</a></dd>
                    </dl>
                </div>
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt> More about me</dt>
                        <dd><a href="#">Cupiditate non provident 2015</a></dd>
                        <dd><a href="#">Quis nostrum : exercitationem</a></dd>
                        <dd>Neque porro quisquam est, Fall 2015</dd>
                        <dd>Pellentesque nisl et maximus 2015</dd>
                        <dd><a href="#">Dolore magnam 30</a></dd>
                        <dd><a href="#">Architecto beatae 26</a></dd>
                        <dd><a href="#">Sit cras amet bibendum</a></dd>
                        <dd><a href="#">Emper nunc mauris</a></dd>
                    </dl>
                </div>
                <div class="col-lg-4 col-md-4">
                    <dl>
                        <dt>Contact</dt>
                        <dd> Nicola Tolin Web Design</dd>
                        <dd> Allaroud Road 2903</dd>
                        <dd> Madison Square, New York</dd>
                        <dd><a href="#"> info@website.com</a></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="uLink">
        <div class="container">
            <div class="col-lg-12">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo1.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo2.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo3.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo4.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo5.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo6.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo7.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/logos/logo8.jpg">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-lg-12 text-center"><p>© 2018 - DESIGNED BY NICOLA TOLIN / MORE TEMPLATES 模板之家 - COLLECT FROM 网页模板</p></div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>